@charset "utf-8";

/* CSS Document */

/* @import url(//use.fontawesome.com/releases/v5.5.0/css/all.css); */
body { background-color: #ffffff; }
body, input, button, select, textarea { font: 16px/1.8 "\5FAE\8F6F\96C5\9ED1", "Arial Narrow", HELVETICA; color: #000; }
textarea { resize: none; }
body, ul, ol, li, dl, dd, p, form { margin: 0; padding: 0; }
table { empty-cells: show; border-collapse: collapse; }
caption, th { }
ul, li { list-style: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 800; margin: 0; padding-top: 10px; padding-bottom: 10px; }
.h1, h1 { font-size: 28px }
.h2, h2 { font-size: 24px }
.h3, h3 { font-size: 20px }
.h4, h4 { font-size: 18px }
.h5, h5 { font-size: 16px }
.h6, h6 { font-size: 14px }
em, cite, i { font-style: normal; }
a { color: #232323; text-decoration: none; cursor: pointer; }
a:hover { color: #f00; text-decoration: none; }
a img { border: none; }
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.W { width: 1200px; }
.C { margin: 0 auto; }
.L { float: left; }
.R { float: right; }
.hidden { display: none; }
.none-border { border: none !important; }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify; text-align-last: justify; }
.text-nowrap { white-space: nowrap }
.no-bg { background: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
.margin-top-30 { margin-top: 30px; }
em.dot { display: inline-block; background: #666; width: 4px; height: 4px; overflow: hidden; vertical-align: middle; margin-right: 7px; margin-top: -2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.padding-bottom-15 { padding-bottom: 15px; }
.margin-bottom-15 { margin-bottom: 15px; }
#currentChannel { display: none; }

/*
**nav superTop
*/
.superTop { width: 100%; background: url(/jxswhhlyt/images/2x2.png) repeat; min-width: 1200px; }
.superTop .con { line-height: 40px; height: 40px; }
.superTop .con a { padding: 0 5px; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.superTop .con a.icon1, .superTop .con a.icon2, .superTop .con a.icon3, .superTop .con a.icon4 { padding-left: 30px; background-image: url(/jxswhhlyt/images/comm.whly.icon.png); background-repeat: no-repeat; }
.superTop .con a.icon1 { background-position: 0 -314px; }
.superTop .con a.icon2 { background-position: 0 -5px; }
.superTop .con a.icon3 { background-position: 0 -5px; }
.superTop .con a.icon4 { background-position: 0 -35px; }

/*
**menu
*/
#_____menu { position: absolute; top: 20px; right: 0; width: 600px; height: 60px; }
#_____menu .item { float: right; width: 60px; height: 60px; margin-left: 20px; display: inline-block; text-align: center; }
#_____menu .item span { background-image: url(); background-repeat: no-repeat; width: 100%; height: 35px; display: block; }
#_____menu a.item span.icon1 { background-position: 7px 7px; }
#_____menu a.item span.icon2 { background-position: -66px 7px; }
#_____menu a.item span.icon3 { background-position: -146px 7px; }
#_____menu a.item span.icon4 { background-position: -230px 7px; }
#_____menu a.item span.icon5 { background-position: -311px 7px; }
#_____menu a.item h2 { height: 25px; font: bold 14px/25px '\5FAE\8F6F\96C5\9ED1'; margin: 0; padding: 0; }
#_____menu a.item:hover span.icon1 { background-position: 7px -46px; }
#_____menu a.item:hover span.icon2 { background-position: -66px -46px; }
#_____menu a.item:hover span.icon3 { background-position: -146px -46px; }
#_____menu a.item:hover span.icon4 { background-position: -230px -46px; }
#_____menu a.item:hover span.icon5 { background-position: -311px -46px; }
#_____menu a.item:hover { color: #ffb71b; }

/*
**Tab Slider Box{channel:85454}
*/
.tab-slider { background-color: #fff; }
.tab-slider.sub-tab-slider .tab-hd { height: 40px; line-height: 40px; position: relative; margin-bottom: 8px; border-bottom: 2px solid #ccc; background: #fff url() center bottom repeat-x; }
.tab-slider.sub-tab-slider .tab-hd ul { }
.tab-hd-link dd, .tab-slider.sub-tab-slider .tab-hd ul li { float: left; height: 40px; line-height: 45px; }
.tab-hd-link dd a, .tab-slider.sub-tab-slider .tab-hd ul li a { font: bold 16px '\9ED1\4F53'; padding: 0 10px; }
.tab-slider.sub-tab-slider .tab-hd ul li.on { color: #b10200; border-bottom: 2px solid #2a63bb; }
.tab-slider.sub-tab-slider .tab-hd ul li.on a { color: #f00; text-decoration: none; }
.tab-slider.sub-tab-slider .tab-bd { padding-left: 10px; padding-right: 10px; }
.tab-slider.sub-tab-slider .tab-bd .tab-pal { }
.tab-slider.sub-tab-slider .tab-bd .tab-pal ul li { line-height: 34px; height: 34px; line-height: 34px\9; height: 34px\9; *line-height: 34px !important; *height: 34px !important; _line-height: 34px; _height: 34px; }
.tab-slider.sub-tab-slider .tab-bd .tab-pal ul li a { float: left; font-size: 16px; width: 82%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tab-slider.sub-tab-slider .tab-bd .tab-pal ul li span { float: right; color: #b0b2b3; font-size: 14px; }
.tab-slider.sub-tab-slider.b-line .tab-bd .tab-pal ul li { border-bottom: 1px dotted #ccc; }
.tab-slider.sub-tab-slider .tab-hd a.more { position: absolute; right: 10px; font-size: 12px; }

/*
**Logo
*/
#_____logo { position: absolute; top: 25px; left: 0; background: url(/jxswhhlyt/images/comm.whly.logo.png) center no-repeat; width: 450px; height: 90px; z-index: 62; }
._______logobg { width: 100%; min-width: 1200px; max-width: none; height: 100px; position: absolute; top: 0; z-index: -1; background: url() top center repeat-x; }

/* ._______logobg-bg { width: 100%; height: 860px; background: url(afx_2017_2016030702_02.jpg) top center no-repeat; min-width: 1200px; } */
._______logobg-bg { width: 100%; height: 560px; background: url(/jxswhhlyt/images/comn.whly.bg.jpg) top center no-repeat; min-width: 1200px; }
.Logo-2015-link { width: 100%; height: auto; min-width: 1200px; }
.Logo-2015-link .Logo-con { height: 180px; position: relative; z-index: 1; }

/*
**search
*/
#_____search { position: absolute; right: 14%; bottom: 20px; height: 32px; background: url(/jxswhhlyt/images/1x1.gif) repeat; padding: 0; }
.search { position: absolute; right: 0px; top: 0; width: 246px; height: 32px; z-index: 1000; background-image: url(comm.whly.icon.png); background-position: -1px -367px; background-repeat: no-repeat; }
.search .bg { border: none; width: 76%; height: 29px; line-height: 29px; margin-left: 6px; }
.search .bg input { background: url(1x1.gif) repeat; width: 100%; height: 28px; line-height: 28px; height: 25px\9; line-height: 25px\9; border: none; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.search .submit { border: none; width: 48px; height: 32px; cursor: pointer; }
.search .submit input { border: 0px; background: url(1x1.gif) repeat; width: 100%; height: 32px; cursor: pointer; color: #ecc7bb; }

/*
**menu
*/
.menu-bgcolor { background-color: #9d1515; border-bottom: 2px solid #bc0d0d; max-width: none; min-width: 1200px; }
._____nav { background-color: #0157a4; height: 50px; width: 100%; min-width: 1140px; max-width: none; }
.topNav { position: relative; z-index: 60; }
.topNav ul, .topNav li { margin: 0; padding: 0; list-style: none; }
.topNav .menuCon .subcon { width: 100%; border-top: none; display: none; opacity: 0.9; filter: alpha(opacity=90); background-color: #f9f9f9; }
.topNav .menuCon { position: absolute; width: 100%; clear: both; z-index: 99; top: 50px; }
.topNav .menuList { position: relative; z-index: 100; }
.topNav .nav-tabg { display: none; width: 125px; height: 30px; position: absolute; left: 0; top: 0; z-index: 1; }
.topNav .menuList ul { height: 48px; width: 100%; }
*html .topNav .menuCon { margin-top: 0px; }
*+html .topNav .menuCon { margin-top: 0px; }
.topNav .menuList ul li#menu1 { width: 10%; }
.topNav .menuList ul li { float: left; width: 12.85714285714286%; }
.topNav .menuList ul li span { text-align: center; display: block; width: 100%; height: 48px; line-height: 48px; font-size: 22px; cursor: pointer; background: url() center right no-repeat; position: relative; }
.topNav .menuList ul li.selected span .icon-11 { background-image: url(comm.whly.icon.png); background-repeat: no-repeat; background-position: -7px -289px; position: absolute; width: 21px; height: 11px; display: block; left: 45%; bottom: -11px; }
.topNav .menuList ul li span a { font: 500 18px/48px '\5FAE\8F6F\96C5\9ED1'; color: #fff; text-decoration: none; cursor: pointer; }
ul.subtitle li { float: left; }
ul.subtitle li a { line-height: 24px; display: inline-block; font-family: "\5FAE\8F6F\96C5\9ED1"; float: left; padding: 9px; }
._menus02 .subtitle { padding-left: 10%; }
._menus03 .subtitle { padding-left: 21%; }
._menus04 .subtitle { padding-left: 0; }
._menus05 .subtitle { padding-left: 37%; }
._menus06 .subtitle { padding-left: 5%; }
._menus07 .subtitle { padding-left: 30%; }
.sliderBox { padding: 15px 15px; }
.subtitle-fa-barcode i.fa { color: #F90004; }
.quick-btn { color: #f00 !important; }

/*
**sub-areaList
*/
.sub-areaList { overflow: hidden; width: 100%; margin: 0 auto; }
.sub-areaList li { width: 12%; float: left; _display: inline; text-align: center; margin-left: 2px; margin-bottom: 6px; height: 30px !important; line-height: 30px !important; }
.sub-areaList li a { width: 100% !important; height: 30px; font-size: 13px !important; line-height: 30px; background-color: #f5f5f5; display: block; }
.sub-areaList li a:hover { background: #227ccb; color: #fff; }

/*
**tab-slider.sub-tab-slider
*/
.tab-slider.sub-tab-slider { border: none; }
.tab-slider.sub-tab-slider .tab-hd.sub-tab-hd { height: 35px; line-height: 35px; background: none; }
.tab-slider.sub-tab-slider .tab-hd ul li.sub-li { height: 35px; line-height: 35px; }
.tab-slider.sub-tab-slider .tab-bd .tab-pal.sub-tab-pal ul li { line-height: 26px; height: 26px; line-height: 26px\9; height: 26px\9; *line-height: 26px !important; *height: 26px !important; _line-height: 26px; _height: 26px; }
.tab-slider.sub-tab-slider .tab-bd .tab-pal.sub-tab-pal ul li a { float: left; font-size: 12px; width: 82%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tab-slider.sub-tab-slider .tab-bd .tab-pal.sub-tab-pal ul li span { float: right; color: #b0b2b3; font-size: 12px; }

/*
**path nav
*/
.path { padding-bottom: 15px; padding-top: 15px; }
.path .fa-home { line-height: 28px; float: left; color: #666; padding-right: 5px; }
.path table { float: left; }
.path a { display: inline-block; color: #666; text-decoration: none; padding: 0 5px; }
.path a:hover { color: #F00; }

/*
**pager
*/
.pager { height: 50px; line-height: 50px; text-align: center; padding-top: 40px; }
._system_page .paginations dd { float: left; height: 30px; border: 1px solid #ccc; margin-right: 10px; line-height: 30px; }
._system_page .paginations dd a { padding: 0 10px; line-height: 32px; display: block; height: 32px; }
._system_page .paginations dd.active { background-color: #0062b9; color: #fff; border: 1px solid #0062b9; }
._system_page .paginations dd.active a { color: #fff; }
#_system_page_index { display: none !important; }
._system_page_select_box { float: left; width: 120px; line-height: 30px; height: 30px; }
.select2-container .select2-selection--single { height: 38px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 37px !important; }
.select2-container--default .select2-search--dropdown .select2-search__field { display: none; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 37px !important; right: 6px !important; }
.select2-results__option { padding: 5px !important; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #757575; }

/*
**footer nav
*/
._______footbg { height: 180px; position: absolute; bottom: 0; width: auto; z-index: -1; }
.footer { height: auto; position: relative; background-color: #b92121; min-width: 1200px; max-width: none; width: auto; overflow: hidden; padding: 10px 0; }
.footer .footer-title { }
.footer .footCon { position: relative; font-family: "\5FAE\8F6F\96C5\9ED1"; letter-spacing: .5px; padding-top: 10px; line-height: 25px; }
.footer .footCon p { text-align: center; font-size: 15px; color: #ffffff; }
.footer .footCon p a { padding: 0 10px; color: #ffffff; font-size: 15px; }
._____conac { position: absolute; left: 10%; top: 10px; }
._____jiucuo { position: absolute; right: 10%; top: 20px; }

/*
**float both
*/
.oddpiFloatAD { display: none; text-align: center; float: left; position: fixed; top: 40%; margin-left: 2px; }
.oddpiFloatAD .floatClose-btn { margin: 0px; padding: 0px; position: absolute; top: -17px; right: 6px; background: url(/jxswhhlyt/images/ad_close.gif) center no-repeat; width: 35px; height: 12px; cursor: pointer; }
.oddpiFloadAD .floatClose-box { margin: 0; padding: 0; }
.func-li-box { }
.func-li-box li { margin-bottom: 2px; width: 54px; height: 55px; }
.func-li-box li a .icon { text-align: center; position: absolute; top: 8px; width: 100%; }
.func-li-box li a i { font-size: 25px; color: #9d1515; }
.func-li-box li a { width: 54px; height: 55px; display: block; position: relative; background-color: #f5f5f5; }
.func-li-box li a:hover { background-color: #e9e9e9; }
.func-li-box li a .title { font-size: 12px; text-align: center; position: absolute; bottom: 2px; width: 100%; color: #9d1515; }

/*
**pop-tip-box-content
*/
#confirmOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(top-tip-transparent-bg.png) repeat; background: -moz-linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x rgba(11, 11, 11, 0.6); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11, 11, 11, 0.1)), to(rgba(11, 11, 11, 0.6))) repeat-x rgba(11, 11, 11, 0.6); z-index: 101; *zoom: 1; }
#confirmBox { background-color: #fff; min-width: 400px; width: 40%; max-width: 600px; position: fixed; left: 50%; top: 40%; margin: -130px 0 0 -230px; border: 1px solid rgba(33, 33, 33, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; }
.pop-tip-box-content a.btn_blue { display: inline-block; _overflow: hidden; padding: 6px 25px; margin: 0; font-size: 14px; font-weight: bold; text-align: center; border-radius: 3px; color: #fff; }
.pop-tip-box-content a.btn_blue:focus, .pop-tip-box-content a.btn_red:focus, .pop-tip-box-content a.btn_gray:focus { border-color: #93d4fc; box-shadow: 0 0 5px #60caff; color: #fff; }
.pop-tip-box-content a.btn_blue:active, .pop-tip-box-content a.btn_red:active, .pop-tip-box-content a.btn_gray:active { outline: none; }
.pop-tip-box-content a.btn_blue { border: 1px solid #0d659b; color: #fff; background-color: #238aca; z-index: 888; zoom: 1; background: -moz-linear-gradient(top, #238aca, #0074bc); background: -webkit-linear-gradient(top, #238aca, #0074bc); }
.pop-tip-box-content a.btn_blue:hover { text-decoration: none; color: #fff; background-color: #238aca; background: -moz-linear-gradient(top, #2a96d8, #0169a9); background: -webkit-linear-gradient(top, #2a96d8, #0169a9); }
.pop-tip-box-content a.btn_blue:active { background-color: #238aca; color: #fff; background: -moz-linear-gradient(top, #0074bc, #238aca); background: -webkit-linear-gradient(top, #0074bc, #238aca); }
.pop-tip-box-content .remind_block { overflow: hidden; }
.pop-tip-box-content .remind_block .remind_icon { float: left; margin-right: 10px; width: 32px; height: 32px; display: inline-block; background: url(/jxswhhlyt/images/top-tip-transparent-icon.png) no-repeat; }
.pop-tip-box-content .remind_block .remind_title { margin-bottom: 10px; padding-top: 3px; _margin-top: 4px; font-weight: bold; font-size: 20px; font-family: "\9ED1\4F53"; }
.pop-tip-box-content .remind_block .remind_detail { line-height: 1.5; font-size: 14px; color: #535353; }
.pop-tip-box-content .remind_block.notitle .remind_content { padding-top: 8px; }
.pop-tip-box-content .error .remind_icon { background-position: -256px top; }
.pop-tip-box-content .error .remind_title { color: #cc0000; }
.pop-tip-box-content .warning .remind_icon { background-position: -64px 0; margin-top: 5px; }
.pop-tip-box-content .warning .remind_title { color: #ff0000; }

/* layout */
.pop-tip-box-content { border: 1px solid #bbb; box-shadow: 0 0 3px #d4d4d4; filter: alpha(opacity=100); font-family: "\5B8B\4F53"; }
.pop-tip-box-content .c-container { padding: 30px; }
.pop-tip-box-content .c-footer { padding: 10px 15px; background: #f1f1f1; border-top: 1px solid #bbb; overflow: hidden; *zoom: 1; }
.pop-tip-box-content .c-footer-a1, .pop-tip-box-content .c-footer-a2, .pop-tip-box-content .c-footer-a3 { float: left; }
.pop-tip-box-content .c-footer-a2 { margin: 8px 0 0 20px; }
.pop-tip-box-content .safety-detail { font-size: 12px; margin-top: 10px; -webkit-transition: padding 0.2s ease-in; -moz: padding 0.2s ease-in; transition: padding 0.2s ease-in; }
.pop-tip-box-content .button { cursor: pointer !important; color: #000; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.pop-tip-box-content .safety-url { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dfdfdf; word-wrap: break-word; word-break: break-all; }
